全局 or 局部 mixins 混入

MuYan2020-11-24VueVue

mixins 官方说明文档open in new window

在 main.js 全局混入

Vue.mixin({
  created() {
    console.log('mixins 全局混入') 
  }
})

// => "mixins 全局混入"

mixins 局部混入

定义 mixins.js

const setOps = () => {
	return {
		data() {
			return {
				ops: {
                    demo: 1
                }
			}
		},
		created(options) {
			console.log('mixins 局部混入,', this.ops) 
		}
	}
}

export {
	setOps
}
  • 在 .vue 的模板文件中随意引用,混入
import { setOps } from "@/mixins.js"
export default {
    mixins: [setOps()],
    data() {
		return {
		}
	},
    created(){
        console.log('created===>')    
    }
}

// => "mixins 局部混入, { demo: 1 }"
// => "created===>"
上次更新 2026/6/23 11:49:15
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.8